<template>
    <div class="home_container_template">
        <head-top signin-up='home'>
        </head-top>
        <home-swiper></home-swiper>

        <project-show></project-show>
        <project-more></project-more>
        <clever-thing></clever-thing>
        <feature-slide></feature-slide>

    </div>
</template>

<script>
    import headTop from 'components/header/head'
    import HomeSwiper from 'components/common/homeSwiper'
    import ProjectShow from 'components/content/projectShow'
    import ProjectMore from 'components/content/projectMore'
    import CleverThing from 'components/content/cleverThing'
    import FeatureSlide from '@/project/featureSlide'

    export default {
        data() {
            return {
                swiperOptionA: {
                    pagination: {
                        el: '.swiper-pagination'
                    },
                    autoHeight: true, //enable auto height
                    autoplay: {
                        delay: 2500,
                        disableOnInteraction: false
                    },
                    keyboard: {
                        enabled: true,
                    },
                    navigation: {
                        nextEl: '.swiper-button-next',
                        prevEl: '.swiper-button-prev'
                    }
                },

                labelPosition: "left"
            }
        },

        mounted() {


        },

        components: {
            headTop,
            HomeSwiper,
            ProjectShow,
            ProjectMore,
            CleverThing,
            FeatureSlide
        },

        computed: {},

        methods: {
            //点击图标刷新页面
            reload() {
                window.location.reload();
            },
        },
    }
</script>

<style lang="scss" scoped>
    @import '../../style/mixin';

    .head_logo {
        left: 0.4rem;
        font-weight: 400;
        @include sc(0.7rem, #fff);
        @include wh(2.3rem, 0.7rem);
        @include ct;
    }

    .home_container_template {
        background: white;

        .siteLogo {
            svg {
                height: 24px;
                width: 160px;
                fill: #EB1478;
            }
        }
    }
</style>